<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">


<ui:composition template="templates/padraoUser.xhtml">
	<ui:define name="conteudo">
		<section id="content" class="positionleft nine columns alpha"> 
                	<p:panel styleClass="padcontent product-detail " style="border:0;">
                    	<p:panel styleClass="four columns alpha " style="border:0;">
                    	
                       		<p:graphicImage value="#{produtoBean.getImagem(produto)}" styleClass="imgborder scale-with-grid"/>
                        </p:panel>
                        <p:panel styleClass="one_half lastcols " style="border:0;">
                            
                            <p:panel styleClass="price " style="border:0;"> <h:outputText value="#{vendaBean.produto.preco}"/> </p:panel>
                            <p> <h:outputText value="#{vendaBean.produto.descricao}"/> </p>
                            <p:panel styleClass="variations_button " style="border:0;">
                            	<h:form class="variations_form cart">
                                    <p:panel styleClass="quantity buttons_added " style="border:0;">
                                    </p:panel>	
                                    <p:commandButton action="#{vendaBean.salvar}" ajax="false" value="Comprar" styleClass="button alt"/>	
                                </h:form>			
                    
								<p:panel styleClass="product_meta " style="border:0;"> 
                                	<span class="posted_in">Category: <a href="products.html">Electronic</a>, <a href="products.html">Camera</a></span>
                                </p:panel>
                            </p:panel>
                        </p:panel>
                        
                        <p:panel styleClass="clear" style="border:0;"></p:panel><br /><br />

						<p:panel styleClass="tabcontainer" style="border:0;">
                            <ul class="tabs">
                                <li><a href="#tab0">Description</a></li>
                                <li><a href="#tab1">Additional Information</a></li>
                                <li><a href="#tab2">Reviews (0)</a></li>
                            </ul>
                            <p:panel id="tab-body" style="border:0;">
                                <p:panel id="tab0" styleClass="tab-content" style="border:0;">
                                <p>Aki da pra colocar os detalhes do produto e tals.</p>
                                <p>Aki da pra colocar os detalhes do produto e tals.</p>
                                </p:panel>
                                <p:panel id="tab1" styleClass="tab-content" style="border:0;">
                                <p>Aki da pra colocar os detalhes do produto e tals.</p>
                                </p:panel>
                                <p:panel id="tab2" styleClass="tab-content" style="border:0;">
                                <p>Aki da pra colocar os detalhes do produto e tals.</p>
                                </p:panel>
                            </p:panel>
                        </p:panel>
                             
                        <p:panel styleClass="separator line" style="border:0;"></p:panel>
                        
                        <h3>Related Product</h3> 
                        <p:panel styleClass="one_third firstcols" style="border:0;">
                            <a href="product-details.html"><img src="images/content/product/img1.jpg" alt="" class="scale-with-grid imgborder" /></a>
                            <h4><a href="product-details.html">Smart Table</a></h4>
                            <p:panel styleClass="price" style="border:0;">$175.00</p:panel>
                        </p:panel> 
                        <p:panel styleClass="one_third" style="border:0;">
                            <a href="product-details.html"><img src="images/content/product/img2.jpg" alt="" class="scale-with-grid imgborder" /></a>
                            <h4><a href="product-details.html">Smart Chair</a></h4>
                            <p:panel styleClass="price">$175.00</p:panel>  
                        </p:panel>             
                	</p:panel>
                </section>
	</ui:define>

</ui:composition>
</html>